﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >

<head>
<meta http-equiv="Content-Language" content="zh-cn" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ezj.ext.typer - ezj</title>
<link rel="stylesheet" type="text/css" href="css.css" />
</head>

<body>

<div class="section">
  <h1>ezj.ext.typer</h1>
  
  <div class="block">
    <h3>HTML 代码</h3>
    <textarea class="code xhtml">
    <div>
      <ul id="typer1">
        <li><a href="http://www.getezj.com/" target="_blank">欢迎您使用 ezj。</a></li>
        <li><a href="http://www.getezj.com/" target="_blank">ezj 是一款更轻松、更强大的 JavaScript 框架。</a></li>
        <li><a href="http://www.getezj.com/" target="_blank">ezj.ext.typer 自动识别实体字符，比如会把 &amp;lt; 一次性显示为 &lt;。</a></li>
        <li><a href="http://www.getezj.com/" target="_blank">支持国产，支持 ezj，我们明天更美好！</a></li>
      </ul>
    </div>
    <div>
      <ul id="typer2">
        <li><a href="http://www.getezj.com/" target="_blank">欢迎您使用 ezj。</a></li>
        <li><a href="http://www.getezj.com/" target="_blank">ezj 是一款更轻松、更强大的 JavaScript 框架。</a></li>
        <li><a href="http://www.getezj.com/" target="_blank">ezj.ext.typer 自动识别实体字符，比如会把 &amp;lt; 一次性显示为 &lt;。</a></li>
        <li><a href="http://www.getezj.com/" target="_blank">支持国产，支持 ezj，我们明天更美好！</a></li>
      </ul>
    </div>
    </textarea>
    
    <h3>JavaScript 代码（ezj 代码）</h3>
    <textarea class="code javascript">
    $(window).ready(function(){
        ezj.ext.typer("typer1");
        ezj.ext.typer("typer2", { screenDelay : 2000, speed : 10 });
    });
    </textarea>
  </div>
  
  <div class="block">
    <h3>演示</h3>
    <div>
      <ul id="typer1">
        <li><a href="http://www.getezj.com/" target="_blank">欢迎您使用 ezj。</a></li>
        <li><a href="http://www.getezj.com/" target="_blank">ezj 是一款更轻松、更强大的 JavaScript 框架。</a></li>
        <li><a href="http://www.getezj.com/" target="_blank">ezj.ext.typer 自动识别实体字符，比如会把 &amp;lt; 一次性显示为 &lt;。</a></li>
        <li><a href="http://www.getezj.com/" target="_blank">支持国产，支持 ezj，我们明天更美好！</a></li>
      </ul>
    </div>
    <div>
      <ul id="typer2">
        <li><a href="http://www.getezj.com/" target="_blank">欢迎您使用 ezj。</a></li>
        <li><a href="http://www.getezj.com/" target="_blank">ezj 是一款更轻松、更强大的 JavaScript 框架。</a></li>
        <li><a href="http://www.getezj.com/" target="_blank">ezj.ext.typer 自动识别实体字符，比如会把 &amp;lt; 一次性显示为 &lt;。</a></li>
        <li><a href="http://www.getezj.com/" target="_blank">支持国产，支持 ezj，我们明天更美好！</a></li>
      </ul>
    </div>
  </div>
  
  <div class="block footer">
  版权所有 &copy; 2008 - 2010 <a href="http://www.getezj.com/" target="_blank">www.getezj.com</a>
  </div>
</div>

<script type="text/javascript" src="../ezj.js"></script>
<script type="text/javascript">
<!--
$(window).ready(function(){
    ezj.ext.typer("typer1");
    ezj.ext.typer("typer2", { screenDelay : 2000, speed : 10 });
    
    ezj.ext.codelighter(".code");
});
//-->
</script>

</body>

</html>